var prefix = "/userManagement";

$(function() {
	layui.use(['table', 'dropdown'], function(){
		var table = layui.table,form = layui.form;
		var dropdown = layui.dropdown,
			$ = layui.$;

		// 创建渲染实例
		table.render({
			elem: '#exampleTable'
			,method:'post'
			,id:'exampleTable'
			,url:  prefix + "/getOrderRecharge" // 此处为静态模拟数据，实际使用时需换成真实接口
			,cellMinWidth: 80
			,contentType: 'application/json'
			, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
				layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
				, curr: pages //设定初始在第 5 页
				, groups: 5 //只显示 1 个连续页码
				, limit : limit
				, limits : [15,30,50,100,200]
			}
			,request:{
				pageName: 'curr' //页码的参数名称，默认：page
				,limitName: 'pageSize' //每页数据量的参数名，默认：limit
			}
			,where: {
				username: $("#name").val().trim() ,
				mobile: $("#phone").val().trim()
			}
			,defaultToolbar: false
			,loading: false
			,cols: [[
				{
					field : 'nickname',
					title : '用户名',
					align : 'center'
				},
				{
					field: 'mobile',
					title: '手机号码',
					align : 'center'
				},
				{
					field : 'gmtCreate',
					title : '注册时间',
					align : 'center'

				},
				{
					field : 'referee',
					title : '推荐人',
					align : 'center'
				},
				{
					title : '操作',
					field : 'id',
					align : 'center',
					templet : function(d) {
						var e = '<a class="btn btn-warning btn-sm ' + s_remove_h + '" href="#" title="删除"  mce_href="#" onclick="remove(\''
							+ d.id
							+ '\')"><i class="fa fa-remove"></i></a>  ';
						return  e;
					}
				}
			]]
			,response: {
				statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
			}
			,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
				if (res.code != 0) {

					return false;
				}

				if(Number(res.data.total)>0&&res.data.records.length==0){
					pages--;
					if(pages>0) {
						table.reload('exampleTable', {
							page: {curr: pages},
							where: {username: $('#name').val(), mobile: $('#phone').val()}
						})
					}
				}
				return {
					"code": res.code, //解析接口状态
					"msg": res.msg, //解析提示文本
					"count": res.data.total, //解析数据长度
					"data": res.data.records //解析数据列表
				};
			}
			,jump: function (obj, first) {
				//首次不执行
				if (!first) {
					pages = obj.curr
				}
			}
			,error: function(res, msg){
				console.log(res, msg)
			}
			,done: function (res){
				form.render()
				hindLoading()
			}
		});

		var $ = layui.$, active = {
			reload: function(){
				//执行重载
				table.reload('exampleTable', {
					page: {
						curr: 1 //重新从第 1 页开始
					}
					,where: {
						username: $('#name').val(),
						mobile: $('#phone').val()
					}
				});
			}
		};

		$('.demoTable .layui-btn').on('click', function(){
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

		//触发表格复选框选择
		table.on('checkbox(exampleTable)', function(obj){
			console.log(obj)
		});

	});
});

function remove(id) {
	layer.confirm('确定删除此用户？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix+"/deletedByUserId",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					load();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	})
}

function lookInfo(d) {
	layui.use(['table', 'dropdown'], function(){
		let tables = layui.table;
		tables.on('row(exampleTable)', function(obj){
			sessionStorage.setItem('cacheData',JSON.stringify(obj.data))
		});
	})

	layer.open({
		type: 2,
		title: '用户详情',
		maxmin: true,
		shadeClose: false, // 点击遮罩关闭层
		area: ['800px', '520px'],
		content: prefix + '/info' // iframe的url
	});

}

var pages = 1,limit = 15;
/**
 * 所有的重置表格
 */
function load(){
	layui.use(['table'], ()=>{
		layui.table.reload('exampleTable',{
			where: {
				username: $('#name').val(),
				mobile: $('#phone').val()
			}
		})
	})
}

$("#add").click(function (){

	layer.open({
		type: 2,
		title:'新增用户',
		maxmin: true,
		shadeClose: false,
		area:['800px','500px'],
		content:'/userManagement/add'
	});

})